<template>
  <div style="height: 600px;">
    <LokiLogViewer 
      namespace="default"
      pod="my-app-pod"
      lokiApiBaseUrl="http://localhost:3100"
      title="Loki日志查看器示例"
    />
  </div>
</template>

<script setup>
import { LokiLogViewer } from 'loki-log-viewer';
import 'loki-log-viewer/dist/loki-log-viewer.css';

// 可以监听组件事件
const handleLogsLoaded = (logs) => {
  console.log(`加载了 ${logs.length} 条日志`);
};
</script>

<style scoped>
/* 自定义样式 */
</style>